<template>
  <div class="comp-item-container">
    <a-form-item
      :disabled="attrs.viewMode === BaseDataUtils.viewMode.VIEW"
      class="comp-item-content"
      label="文本框标题"
      field="name"
      required
      label-col-flex="0px"
      :validate-trigger="['']"
    >
      <a-input
        placeholder="请输入"
        v-model.trim="attrs.modelForm.name"
        @input="(value, ev) => attrs.handleChange(value, attrs.modelForm.id)"
      />
    </a-form-item>
  </div>
</template>
<script lang="ts" setup name="Text">
// @ts-nocheck
import { useAttrs } from "vue";
import * as BaseDataUtils from "@/views/configCenter/utils/useBaseData";
const attrs = useAttrs() as {
  modelForm: any;
  viewMode: string;
  handleChange: Function;
  handleChildChange: Function;
};
</script>
<style lang="less" scoped>
@import url("../styles/compModal.less");
</style>
